<template>
    <div class="myborder">
        <Myheader :src="src" data="教学成果" :change="change" :show="true"></Myheader>
        <Mytitle title="学习效果"></Mytitle>
        <Semicircle :char3="char3" :char4="char4" :num2="num2" :num1="num1" :style="{ marginBottom: '24px' }">
        </Semicircle>
        <Mytitle title="学习次数"></Mytitle>
        <Userchar :data="char1"></Userchar>
        <Teamhome :data="char2"></Teamhome>

        <chartlabelVue :char5="char5" :char9="char9"></chartlabelVue>
    </div>
</template>

<script setup lang="ts">
import Userchar from './datachar/userchar.vue';
import Myheader from './myheader.vue';
import Mytitle from './mytitle.vue';
import Teamhome from './datachar/teamhome.vue'
import Semicircle from './Semicircle.vue'
import chartlabelVue from './chartlabel.vue';
import { IDate } from '../interface';
const src = 'https://cdn-hterobot.oss-cn-qingdao.aliyuncs.com/JOY/kexuezhongxin/icon_jiaoxuechengguo.png'

defineProps<{ char1: IDate[], char2: IDate[], char3: number, char4: number, num1: number, num2: number, char5: IDate[], char9: IDate[] }>()

const change = () => {

}



</script>